<?php
/**
* @Pagina con la parametrizacion del servicio, nivel y categoria del servicio.
* @Autor: Andrea Martinez
* @Pagina con la vista de la parametrizacion de Usuarios
* @Fecha: 30-12-2014
*/
    session_start();
    if(!isset($_SESSION['usuario'])){
            header('location:../html/login.html');
         }
         
         echo '
                <center>
                    <title>Parametrizacion Trazabilida</title> 
                    <table>
                        <tr>
                            <td>';
                         include_once 'menu.php';
                        echo"</td>
                        </tr>
                    </table>";
?>
<html>
    <head>
        <script src="../Js/jquery-1.9.1.min.js"></script>
          <!--Librerias de la botoneria y pop-up-->
          <meta http-equiv="X-UA-Compatible" content="IE=edge">
          <meta name="viewport" content="width=device-width, initial-scale=1">
          <link href="../Modal/css/bootstrap.min.css" rel="stylesheet">
          <script src="../Modal/js/bootstrap.min.js"></script>
        <!-- LIBRERIAS JQUERY Y CSS PARA LA CREACION DE LAS ALERTAS -->
        <script type="text/javascript" src="../../Ginecobstetricia/vista/js/alertify.js"></script>
	<link rel="stylesheet" href="../../Ginecobstetricia/vista/css/alertify.core.css" />
	<link rel="stylesheet" href="../../Ginecobstetricia/vista/css/alertify.default.css" />
        <link href="../../Ginecobstetricia/vista/css/bootstrap-combined.min.css" rel="stylesheet">
        
        <!-- Hojas de estilo -->
        <style>
            #tabla{
                background-color: white;
                width: 350px;
                height: 100%;
            }
            
            
            #miTabla tr:nth-child(odd) {
               background-color: #FFFFFF;
                
            }

            #miTabla tr:nth-child(even) {
               background-color: #DAEAFF;
                
            }
            .white {
                border-radius: 5px;
                color: #606060;
                border: solid 1px #b7b7b7;
                background: #fff;
                background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
                background: -moz-linear-gradient(top,  #fff,  #ededed);
                filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
                padding: 1px 1px 1px;
                font-size: 11px;
            }
            .white:hover {
                background: #ededed;
                background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
                background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
                filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
            }
            .white:active {
                color: #999;
                background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
                background: -moz-linear-gradient(top,  #ededed,  #fff);
                filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
            }
            
            
             /*Prueba Nuevo formulario*/
            

            body {
              font: 13px/20px 'Lucida Grande', Tahoma, Verdana, sans-serif;
              color: #404040;
              /*background-image: url(../imagen/fondo3.jpg);*/
            }

            .container {
              margin: 8px auto;
              width: 87%;
            }

           .formulario {
              position: relative;
              margin-left:-25px;
              width: 1200px;
            }
           
            .formulario:before {
              content: '';
              position: absolute;
              top: -8px;
              right: -8px;
             
              left: -8px;
              z-index: -1;
            }
            .formulario h1 {
              line-height: 40px;
              font-size: 13px;
              font-weight: bold;
              color: #555;
              text-align: center;
              text-shadow: 0 1px white;
              background: #f3f3f3;
              border-bottom: 1px solid #cfcfcf;
              border-radius: 3px 3px 0 0;
              background-image: -webkit-linear-gradient(top, whiteffd, #eef2f5);
              background-image: -moz-linear-gradient(top, whiteffd, #eef2f5);
              background-image: -o-linear-gradient(top, whiteffd, #eef2f5);
              background-image: linear-gradient(to bottom, whiteffd, #eef2f5);
              -webkit-box-shadow: 0 1px whitesmoke;
              box-shadow: 0 1px whitesmoke;
              padding: 4px;
            }
            .formulario p {
              margin: 20px 0 0;
            }
            .formulario p:first-child {
              margin-top: 0;
            }
            .formulario p.remember_me {
              float: left;
              line-height: 31px;
            }
            .formulario p.remember_me label {
              font-size: 12px;
              color: #777;
              cursor: pointer;
            }
            .formulario p.remember_me input {
              position: relative;
              bottom: 1px;
              margin-right: 4px;
              vertical-align: middle;
            }
            .formulario p.submit {
              text-align: right;
            }

            .formulario-help {
              margin: 20px 0;
              font-size: 11px;
              color: white;
              text-align: center;
              text-shadow: 0 1px #2a85a1;
            }
            .formulario-help a {
              color: #cce7fa;
              text-decoration: none;
            }
            .formulario-help a:hover {
              text-decoration: underline;
            }

            :-moz-placeholder {
              color: #c9c9c9 !important;
              font-size: 13px;
            }

            ::-webkit-input-placeholder {
              color: #ccc;
              font-size: 13px;
            }

            input {
              font-family: 'Lucida Grande', Tahoma, Verdana, sans-serif;
              font-size: 14px;
            }
            .login {
              position: relative;
              margin: 0 auto;
              padding: 20px 20px 20px;
              width: 1220px;
              height: 220px;
              background: white;
              border-radius: 3px;
              -webkit-box-shadow: 0 0 200px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3);
              box-shadow: 0 0 200px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3);
            }
            .login:before {
              content: '';
              position: absolute;
              top: -8px;
              right: -8px;
              bottom: -8px;
              left: -8px;
              z-index: -1;
              background: rgba(0, 0, 0, 0.08);
              border-radius: 4px;
            }
            .login h1 {
              margin: -20px -20px 21px;
              line-height: 40px;
              font-size: 15px;
              font-weight: bold;
              color: #555;
              text-align: center;
              text-shadow: 0 1px white;
              background: #f3f3f3;
              border-bottom: 1px solid #cfcfcf;
              border-radius: 3px 3px 0 0;
              background-image: -webkit-linear-gradient(top, whiteffd, #eef2f5);
              background-image: -moz-linear-gradient(top, whiteffd, #eef2f5);
              background-image: -o-linear-gradient(top, whiteffd, #eef2f5);
              background-image: linear-gradient(to bottom, whiteffd, #eef2f5);
              -webkit-box-shadow: 0 1px whitesmoke;
              box-shadow: 0 1px whitesmoke;
            }
            
            .login h2 {
              line-height: 40px;
              font-size: 11px;
              font-weight: bold;
              color: #555;
              text-align: center;
              text-shadow: 0 1px white;
              background: #f3f3f3;
              border-bottom: 1px solid #cfcfcf;
              border-radius: 3px 3px 0 0;
              background-image: -webkit-linear-gradient(top, whiteffd, #eef2f5);
              background-image: -moz-linear-gradient(top, whiteffd, #eef2f5);
              background-image: -o-linear-gradient(top, whiteffd, #eef2f5);
              background-image: linear-gradient(to bottom, whiteffd, #eef2f5);
              -webkit-box-shadow: 0 1px whitesmoke;
              box-shadow: 0 1px whitesmoke;
            }
            
            .login p {
              margin: 20px 0 0;
            }
            .login p:first-child {
              margin-top: 0;
            }
            .login input[type=text], .login input[type=password] {
              width: 278px;
            }
            .login p.remember_me {
              float: left;
              line-height: 31px;
            }
            .login p.remember_me label {
              font-size: 12px;
              color: #777;
              cursor: pointer;
            }
            .login p.remember_me input {
              position: relative;
              bottom: 1px;
              margin-right: 4px;
              vertical-align: middle;
            }
            .login p.submit {
              text-align: right;
            }

            .login-help {
              margin: 20px 0;
              font-size: 11px;
              color: white;
              text-align: center;
              text-shadow: 0 1px #2a85a1;
            }
            .login-help a {
              color: #cce7fa;
              text-decoration: none;
            }
            .login-help a:hover {
              text-decoration: underline;
            }
            #titulo {
                font-size: 20px;
                color: #323133;
                font-family: Helvetica Neue, Arial, Helvetica, sans-serif;
                letter-spacing: -1px;
                text-decoration: none; 
                text-shadow: 1px 1px #fff, 0 0 #0e0e0e, 2px 3px 1px #e3e3e3; 
                text-transform: none; 
                word-spacing: -2px;
            }
            
            body {
              font: 13px/20px 'Lucida Grande', Tahoma, Verdana, sans-serif;
              color: #404040;
            }

           .containerTabla {
             margin: 8px auto;
              width: 95%;
            }
            
            .exterior{
            float:center;
            border:0;
            clear: both;
            width:99%;
            height:24px;
            padding: 0;
            overflow:hidden;
            position: static;
            }
            .interior {
            float:left;
            border:0;
            clear: both;
            width:1150px;
            height:120px;
            padding: 0;
            overflow-x: hidden;
            overflow-y:scroll; 
            position: static;
            border-style: solid; border-width: 1px;border-color:#E6E6E6
            }
            .interior2 {
            float:left;
            border:0;
            clear: both;
            width:100.4%;
            height:450px;
            padding: 0;
            overflow-x: hidden;
            overflow-y:scroll; 
            position: static;
            border-style: solid; border-width: 1px;border-color:#E6E6E6
            }
            thead.fixedHeader th {
            width:200px;
            font-family:arial;
            font-size:0.8em;
            background-color: #f3f3f3;
            color: #555;
            }
           
            tbody.scrollContent td {
            width:200px;
            font-family:arial;
            font-size:0.7em;
            text-align: center;
            }
            
            .containerUsuarios {
              width: 3px;
            }
            
            .Usuarios {
              position: relative;
              margin: 0 auto;
              padding: 20px 20px 20px;
              width: 330px;
              height: 220px;
              background: white;
              border-radius: 3px;
              -webkit-box-shadow: 0 0 200px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3);
              box-shadow: 0 0 200px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3);
            }
            .Usuarios:before {
              content: '';
              position: absolute;
              top: -8px;
              right: -8px;
              bottom: -8px;
              left: -8px;
              z-index: -1;
              background: rgba(0, 0, 0, 0.08);
              border-radius: 4px;
            }
            .Usuarios h1 {
              margin: -20px -20px 21px;
              line-height: 40px;
              font-size: 15px;
              font-weight: bold;
              color: #555;
              text-align: center;
              text-shadow: 0 1px white;
              background: #f3f3f3;
              border-bottom: 1px solid #cfcfcf;
              border-radius: 3px 3px 0 0;
              background-image: -webkit-linear-gradient(top, whiteffd, #eef2f5);
              background-image: -moz-linear-gradient(top, whiteffd, #eef2f5);
              background-image: -o-linear-gradient(top, whiteffd, #eef2f5);
              background-image: linear-gradient(to bottom, whiteffd, #eef2f5);
              -webkit-box-shadow: 0 1px whitesmoke;
              box-shadow: 0 1px whitesmoke;
            }
            
            .Usuarios h2 {
              line-height: 40px;
              font-size: 11px;
              font-weight: bold;
              color: #555;
              text-align: center;
              text-shadow: 0 1px white;
              background: #f3f3f3;
              border-bottom: 1px solid #cfcfcf;
              border-radius: 3px 3px 0 0;
              background-image: -webkit-linear-gradient(top, whiteffd, #eef2f5);
              background-image: -moz-linear-gradient(top, whiteffd, #eef2f5);
              background-image: -o-linear-gradient(top, whiteffd, #eef2f5);
              background-image: linear-gradient(to bottom, whiteffd, #eef2f5);
              -webkit-box-shadow: 0 1px whitesmoke;
              box-shadow: 0 1px whitesmoke;
            }
            
            .Usuarios p {
              margin: 20px 0 0;
            }
            .Usuarios p:first-child {
              margin-top: 0;
            }
            .Usuarios input[type=text], .login input[type=password] {
              width: 278px;
            }
            .Usuarios p.remember_me {
              float: left;
              line-height: 31px;
            }
            .Usuarios p.remember_me label {
              font-size: 12px;
              color: #777;
              cursor: pointer;
            }
            .Usuarios p.remember_me input {
              position: relative;
              bottom: 1px;
              margin-right: 4px;
              vertical-align: middle;
            }
            .Usuarios p.submit {
              text-align: right;
            }

            .Usuarios-help {
              margin: 20px 0;
              font-size: 11px;
              color: white;
              text-align: center;
              text-shadow: 0 1px #2a85a1;
            }
            .Usuarios-help a {
              color: #cce7fa;
              text-decoration: none;
            }
            .Usuarios-help a:hover {
              text-decoration: underline;
            }
            
            .interiorUsuario {
                float:left;
                border:0;
                clear: both;
                width:300px;
                height:150px;
                padding: 0;
                overflow-x: hidden;
                overflow-y:scroll; 
                position: static;
                border-style: solid; border-width: 1px;border-color:#E6E6E6;
            }
            
             .interiorUsu {
                float:left;
                border:0;
                clear: both;
                width:300px;
                height:60px;
                padding: 0;
                overflow-x: hidden;
                overflow-y:scroll; 
                position: static;
                border-style: solid; border-width: 1px;border-color:#E6E6E6
            }
            .interiorNivel {
                float:left;
                border:0;
                clear: both;
                width:300px;
                height:60px;
                padding: 0;
                overflow-x: hidden;
                overflow-y:scroll; 
                position: static;
                border-style: solid; border-width: 1px;border-color:#E6E6E6
            }
        </style>
        <script>
            function CargarPerfiles(){
                
                var BuscarPerfil = $("#BuscarPerfil").val();
                var PerfilSeleccionado = $("#PerfilSeleccionado").val();
                $.ajax({
                       type: "POST",
                       contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                       url: "../../controlador/php/crudPerfiles.php",
                       data: {tc:1,BuscarPerfil:BuscarPerfil,PerfilSeleccionado:PerfilSeleccionado},
                       success: DatosPerfiles//si la conexion con json fue exitosa
                   });
                   
            }
            
            function DatosPerfiles(Datos){
                $("#Perfiles").html('');
                rpt = $.parseJSON(Datos);
                Datos = $("#Perfiles");
                var resp = "";
                resp += "<table  id='t2' class='t2' style='height:20%;width:100%;' border='0' cellpadding='2' cellspacing='0'>\
                            <tbody class='scrollContent'> ";
                 var con = 0;
                 for(dat in rpt){
                    resp += "<tr id='trt' class='trt' style=' padding:0.1px 1px 0.1px;border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe));'>\
                                   <td style='text-transform: uppercase;'>\
                                        <p align='justify'>\
                                           <input type='checkbox' name='txtSeleccionPerfil[]' value='ON' id='SeleccionPerfil"+con+"' onchange='GuardarLista("+ con +");'/>\
                                           <input type='hidden' name='PerfilOid[]' id='PerfilOid"+con+"' value='"+rpt[dat].OID+"' />\
                                           "+rpt[dat].DESCRIPCION+"<input type='hidden' name='' id='NombrePerfil"+con+"' value='"+rpt[dat].DESCRIPCION+"' />\
                                        </p>\
                                   </td>\
                                </tr> ";
                 con++;
                }
               
               resp += "</table>";
               Datos.append(resp);
               ListaItems();
            }
            
            function GuardarLista(Posicion){
                
                var j =  0;
                var tama = document.getElementsByName("txtSeleccionPerfil[]");
                var Lista = new Array();
                
                //Limpiar los checkbox de los perfiles
                for(var x = 0; x < tama.length; x++){

                    document.getElementById("SeleccionPerfil"+x).checked = false;

                }
                
                //Se checkea el actual
                document.getElementById("SeleccionPerfil"+Posicion).checked = true;
                
                for(var i = 0; i < tama.length ; i++){
                    
                    if(document.getElementById("SeleccionPerfil"+i).checked == true){
                        
                        var Perfil = document.getElementById("PerfilOid"+i).value;
                        Lista[j] = Perfil;
                        document.getElementById("PerfilSeleccionado").value = Lista;
                        document.getElementById("Posicion").value = parseInt(j+1);
                        j++;
                        
                    }
                    
                }
               
            }
            
            function ListaItems(){
                var UsuarioSeleccionado = document.getElementById("PerfilSeleccionado").value;
                var Posi = document.getElementById("Posicion").value;
                var splt = "";
                var OidUsuario = "";
                var OidUsu = "";
                var t = 0;
                var OidU = 0;
                
                for(var i = 0; i < Posi; i++){
                    splt = UsuarioSeleccionado;
                    OidUsuario = splt.split(",");
                    OidUsu = OidUsuario[i];
                    t = document.getElementsByName("txtSeleccionPerfil[]");
                    for(var l =  0; l < t.length ; l++){
                        OidU = document.getElementById("PerfilOid"+l).value;
                        if(OidUsu == OidU){
                            document.getElementById("SeleccionPerfil"+l).checked = true;
                        }
                }
            }
            }
            function CargarUsuario(){
                var tc = 6;
                var BuscarUsuario = $("#BuscarUsuario").val();
                var UsuarioSeleccionado = $("#UsuarioSeleccionado").val();
                
                $.ajax({
                       type: "POST",
                       contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                       url: "../../controlador/php/crudPerfiles.php",
                       data: {tc:tc,BuscarUsuario:BuscarUsuario,UsuarioSeleccionado:UsuarioSeleccionado},
                       success: DatosUsuario
                   });
            }
            
            function DatosUsuario(datos){
                $("#Usuario").text("");
                rpt = $.parseJSON(datos);
                datos = $("#Usuario");
                var resp = "";
                resp += "<table  id='t2' class='t2' style='height:20%;width:100%;' border='0' cellpadding='2' cellspacing='0'>\
                            <tbody class='scrollContent'> ";
                 var con = 0;
                 for(dat in rpt){
                    resp += "<tr id='trt' class='trt' style=' padding:0.1px 1px 0.1px;border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe));'>\
                                   <td style='text-transform: uppercase;'>\
                                        <p align='justify'>\
                                           <input type='checkbox' name='txtSeleccioUsuario[]' value='ON' id='SeleccioUsuario"+con+"' onchange='GuardarListaUsuario();'/>\
                                           <input type='hidden' name='txtUsuarioId[]' id='UsuarioId"+con+"' value='"+rpt[dat].usu_oid+"' />\
                                           "+rpt[dat].NOMBRES+"<input type='hidden' name='' id='NombreUsuario"+con+"' value='"+rpt[dat].NOMBRES+"' />\
                                        </p>\
                                   </td>\
                                </tr> ";
                 con++;
                 
               }
               resp += "</table>";
               datos.append(resp);
               ListaItemsUsuario();
               
            }
            
            function GuardarListaUsuario(){
                var j =  0;
                var tama = document.getElementsByName("txtSeleccioUsuario[]");
                var Lista = new Array();
                for(var i = 0; i < tama.length ; i++){
                    if(document.getElementById("SeleccioUsuario"+i).checked == true){
                       
                var Usuario = document.getElementById("UsuarioId"+i).value;
                        Lista[j] = Usuario;
                        document.getElementById("UsuarioSeleccionado").value = Lista;
                        document.getElementById("PosicionUsuario").value = parseInt(j+1);
                        j++;
                    }
                    
                }
            }
            
            function ListaItemsUsuario(){
                var UsuarioSeleccionado = document.getElementById("UsuarioSeleccionado").value;
                var Posi = document.getElementById("PosicionUsuario").value;
                var splt = "";
                var OidUsuario = "";
                var OidUsu = "";
                var t = 0;
                var OidU = 0;
                
                for(var i = 0; i < Posi; i++){
                    splt = UsuarioSeleccionado;
                    OidUsuario = splt.split(",");
                    OidUsu = OidUsuario[i];
                    t = document.getElementsByName("txtUsuarioId[]");
                    for(var l =  0; l < t.length ; l++){
                        OidU = document.getElementById("UsuarioId"+l).value;
                        if(OidUsu == OidU){
                            document.getElementById("SeleccioUsuario"+l).checked = true;
                        }
                }
            }
        }
        
        function UsuarioPerfil(){
            $("#DatosUsuario").text("");
            $("#DatosPerfil").text("");
            var tama = document.getElementsByName("txtSeleccioUsuario[]");
            for(var i = 0; i< tama.length ; i++){
                if(document.getElementById("SeleccioUsuario"+i).checked == true){
                        var NombreUsuario = document.getElementById("NombreUsuario"+i).value;
                        $("#DatosUsuario").append("<table id='t2' class='t2' style='height:30%;width:100.2%;' border='0' cellpadding='2' cellspacing='0'>\
                                                <tbody class='scrollContent'>\
                                                    <tr id='trt' class='trt' style=' padding:0.5px 5px 0.5px;border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe));'>\
                                                        <td style='text-transform: uppercase;'>\
                                                             <p align='justify'> - "+NombreUsuario+"\
                                                        </td>\
                                                    </tr>\
                                                </table>");
                    }
            }
            var tam = document.getElementsByName("txtSeleccionPerfil[]");
                for(var j = 0; j< tam.length ; j++){
                    if(document.getElementById("SeleccionPerfil"+j).checked == true){
                        
                        var NombrePerfil = document.getElementById("NombrePerfil"+j).value;
                        $("#DatosPerfil").append("<table id='t2' class='t2' style='height:30%;width:100.2%;' border='0' cellpadding='2' cellspacing='0'>\
                                                <tbody class='scrollContent'>\
                                                    <tr id='trt' class='trt' style=' padding:0.5px 5px 0.5px;border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe));'>\
                                                        <td style='text-transform: uppercase;'>\
                                                             <p align='justify'> - "+NombrePerfil+"\
                                                        </td>\
                                                    </tr>\
                                                </table>");
                    }
                } 
        }
        
       function GuardarUsuarioPerfil(){
           
            if($("#DatosUsuario").text()==""){
                alertify.alert("Seleccione Los Usuarios Que Requiere"),function(){
                 $("#DatosUsuario").focus();   
                };
                return false;
            }if($("#DatosPerfil").text()==""){
                alertify.alert("Seleccione Los Perfiles Que Requiere"),function(){
                 $("#DatosPerfil").focus();   
                };
                return false;
            }else{
                 var TUsuario = document.getElementsByName("txtSeleccioUsuario[]");
                 var ListaUsuario = new Array();
                 for(var i = 0; i < TUsuario.length ; i++){
                     if(document.getElementById("SeleccioUsuario"+i).checked == true){
                       ListaUsuario[i] = $("#UsuarioId"+i).val();
                      
                     }
                 }
                 var TPerfil = document.getElementsByName("txtSeleccionPerfil[]");
                 var ListaPerfil;
                 for(var j = 0; j < TPerfil.length; j++){
                     if(document.getElementById("SeleccionPerfil"+j).checked == true){
                       ListaPerfil = $("#PerfilOid"+j).val();
                       
                     }
                 }
                 
                 var ListaUsuarioFinal = ListaUsuario.filter(Boolean);
                 //alert(ListaUsuarioFinal);
                 
                 $.ajax({
                       type: "POST",
                       contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                       url: "../../controlador/php/crudPerfiles.php",
                       data: {tc:7,ListaUsuario:ListaUsuarioFinal,ListaPerfil:ListaPerfil},
                       success: MensajeUsuarioPerfil
                   });
            }
            
       }
       
       function MensajeUsuarioPerfil(){
           
            alertify.success("Los datos se guardaron satisfactoriamente");
            $("#DatosPerfil").text('');
            $("#DatosUsuario").text('');
            CargarPerfilUsuario();
            
            
            var TamaUsuarios2 = document.getElementsByName("txtSeleccioUsuario[]");
            var TamaPerfiles2 = document.getElementsByName("txtSeleccionPerfil[]");
            //Limpiar los checkbox de los usuarios
            for(var x = 0; x < TamaUsuarios2.length; x++){
                
                document.getElementById("SeleccioUsuario"+x).checked = false;
                
            }
            
            //Limpiar los checkbox de los perfiles
            for(var x = 0; x < TamaPerfiles2.length; x++){
                
                document.getElementById("SeleccionPerfil"+x).checked = false;
                
            }
            
            
       }
       
       function CargarPerfilUsuario(){
                var tc = 8;
                
                $.ajax({
                       type: "POST",
                       contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                       url: "../../controlador/php/crudPerfiles.php",
                       data: {tc:tc},
                       success: DatosPerfil
                   });
       }
       
       function DatosPerfil(Datos){
           
            $("#GrupoFacturacion").text("");
            rpt = $.parseJSON(Datos);
            Datos = $("#GrupoFacturacion");
            var resp = "";
            resp += "<table id='t2' class='t2' style='height:30%;width:100.2%;' border='0' cellpadding='2' cellspacing='0'>\
                        <tbody class='scrollContent'> ";
             var con = 1;
             var temp = "";
             for(dat in rpt){
             if(temp != rpt[dat].DESCRIPCION){
             resp += "<tr id='trt' class='trt' style=' padding:0.5px 5px 0.5px;border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe));'>\
                            <td style='text-transform: uppercase'>\
                                "+rpt[dat].DESCRIPCION+"<input type='hidden' name='' id='Perfil"+dat+"' value='"+rpt[dat].DESCRIPCION+"' /><input type='hidden' name='' id='OidPerfiles"+dat+"' value='"+rpt[dat].PerfilOid+"' />\
                             </td>\
                            <td>\
                                <div id='UsuarioPerfil"+dat+"'></div>\
                            </td>\
                            <td style='padding-left:10px'>\
                               <img src='../imagen/edi.png' width='20' height='20' alt='edi' onclick='Editar("+dat+','+rpt[dat].PerfilOid+")'/>\
                            </td>\
                         </tr> ";
            con++;
            setTimeout('UsuarioFacturicion('+dat+","+rpt[dat].PerfilOid+')',500);
            }
            temp = rpt[dat].DESCRIPCION;
           } 
           resp += "</table>";
           Datos.append(resp);
               
       }
       
       function UsuarioFacturicion(Posicion,PerfilOid){
            $.ajax({
                type: "POST",
                contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                url: "../../controlador/php/crudPerfiles.php",
                data: {tc:9,PerfilOid:PerfilOid},
                success: function DatosUsuarios(Datos){
                    
                            $("#UsuarioPerfil"+Posicion).text("");
                            rpt = $.parseJSON(Datos);
                            Datos = $("#UsuarioPerfil"+Posicion);
                            var resp = "";
                            resp += "<table style='width:100%;margin:10px'>\ ";
                             var con = 1;

                             for(dat in rpt){

                               resp += "<tr>\
                                              <td align='left' style='text-transform: uppercase;'>\
                                                  - "+rpt[dat].NOMBRE+"<input type='hidden' name='txtUsuario[]' id='Usuario"+dat+"' value='"+rpt[dat].NOMBRE+"' /><input type='hidden' name='txtUsuario[]' id='OidUsuario"+dat+"' value='"+rpt[dat].UsuarioOid+"' />\
                                               </td>\
                                           </tr> ";
                               con++;

                           } 

                           resp += "</table>";
                           Datos.append(resp);

                        }
            });
       }
       
       /*function Editar(Posicion,PerfilOid){
            alert(Posicion,PerfilOid);
       }*/

       function Editar(Posicion,PerfilOid){
       
            $("#DatosPerfil").text('');
            $("#DatosUsuario").text('');
            document.getElementById("BotonGuardar").innerHTML = '<input type="button" value="Editar" class="btn btn-success" onclick="GuardarUsuarioPerfil();"/>';
                
                $.ajax({
                       type: "POST",
                       contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                       url: "../../controlador/php/crudPerfiles.php",
                       data: {tc:10,PerfilOid:PerfilOid},
                       success: DatosPerfilEditar
                   });

       }
       
       function DatosPerfilEditar(Datos){
           $("#DatosPerfil").text("");
                rpt = $.parseJSON(Datos);
                Datos = $("#DatosPerfil");
                var resp = "";
                resp += "<table style='width:100%;font-size:70%'>";
                 var con = 1;
                 var temp = "";
                 for(dat in rpt){
                 if(temp != rpt[dat].DESCRIPCION){
                 resp += "<tr>\
                                <td align='left' style='text-transform: uppercase;'>\
                                   - "+rpt[dat].DESCRIPCION+"<input type='hidden' name='' id='Perfil"+dat+"' value='"+rpt[dat].DESCRIPCION+"' /><input type='hidden' name='txtOidPerfilesEdi[]' id='OidPerfilesEdi"+dat+"' value='"+rpt[dat].PerfilOid+"' />\
                                 </td>\
                             </tr> ";
                con++;
                
                }
                temp = rpt[dat].DESCRIPCION;
               } 
               setTimeout('UsuarioEditar('+dat+","+rpt[dat].PerfilOid+')',0);
               resp += "</table>";
               Datos.append(resp);
               
       }
       
       function UsuarioEditar(Posicion,PerfilOid){
            $.ajax({
                type: "POST",
                contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                url: "../../controlador/php/crudPerfiles.php",
                data: {tc:9,PerfilOid:PerfilOid},
                success: function DatosUsuarios(Datos){
                            $("#DatosUsuario").text("");
                                 rpt = $.parseJSON(Datos);
                                 Datos = $("#DatosUsuario");
                                 var resp = "";
                                 resp += "<table style='width:100%;font-size:70%'>\ ";
                                  var con = 1;
                                  for(dat in rpt){
                                  resp += "<tr>\
                                                 <td align='left' style='text-transform: uppercase;'>\
                                                     - "+rpt[dat].NOMBRE+"<input type='hidden' name='' id='Usuario"+dat+"' value='"+rpt[dat].NOMBRE+"' /><input type='hidden' name='txtUsuarioEdi[]' id='OidUsuarioEdi"+dat+"' value='"+rpt[dat].UsuarioOid+"' />\
                                                  </td>\
                                              </tr> ";
                                 con++;
                                 
                                } 
                                resp += "</table>";
                                Datos.append(resp);
                                
                                MarcarItemsPerfil();
                                
                        }
                        
            });
        
            
       }
       
       function MarcarItemsPerfil(){
       
            //Variables de los usuarios
            var TamaUsuarios = document.getElementsByName("txtUsuarioEdi[]");
            var TamaUsuarios2 = document.getElementsByName("txtSeleccioUsuario[]");
            var Usuario = 0;
            var Usuario2 = 0;
            
            //Limpiar los checkbox de los usuarios
            for(var x = 0; x < TamaUsuarios2.length; x++){
                
                document.getElementById("SeleccioUsuario"+x).checked = false;
                
            }
            
            //Se marcan los funcionarios seleccionados por el usuario
            for(var i = 0; i < TamaUsuarios.length; i++){
                
                Usuario = $("#OidUsuarioEdi"+i).val();
                
                for(var j = 0; j < TamaUsuarios2.length; j++){
                    
                    Usuario2 = $("#UsuarioId"+j).val();
                    //alert($("#UsuarioId"+j).val()+'-'+$("#OidUsuario"+i).val());
                            
                    if(Usuario == Usuario2){
                        //alert($("#UsuarioId"+j).val()+'-'+$("#OidUsuario"+i).val());
                        document.getElementById("SeleccioUsuario"+j).checked = true;
                    }
                    
                }
                
            }
            
            //Variables de los perfiles
            var TamaPerfiles = document.getElementsByName("txtOidPerfilesEdi[]");
            var TamaPerfiles2 = document.getElementsByName("txtSeleccionPerfil[]");
            var Perfil = 0;
            var Perfil2 = 0;
            
            //alert(TamaPerfiles.length +"-"+ TamaPerfiles2.length);
            //Limpiar los checkbox de los perfiles
            for(var x = 0; x < TamaPerfiles2.length; x++){
                
                document.getElementById("SeleccionPerfil"+x).checked = false;
                
            }
            
            //Se marcan los perfiles seleccionados por el usuario
            for(var i = 0; i < TamaPerfiles.length; i++){
                
                Perfil = $("#OidPerfilesEdi"+i).val();
                
                for(var j = 0; j < TamaUsuarios2.length; j++){
                    
                    Perfil2 = $("#PerfilOid"+j).val();
                    //alert(Perfil+"-"+Perfil2);  
                    if(Perfil == Perfil2){
                        
                        document.getElementById("SeleccionPerfil"+j).checked = true;
                    }
                    
                }
                
            }
                
        }
       
        </script>
    </head>
    <body onload="CargarPerfiles();CargarUsuario();CargarPerfilUsuario();">
        <table  style="width: 90%;margin-top:-35px" >
            <tr>
                <td>
                    <section class="containerUsuarios">
                        <div class="Usuarios">
                            <h1>PERFILES <input type="text" name="" style="width: 230px" value="" id="BuscarPerfil" placeholder="Buscar" onkeyup="CargarPerfiles();"/></h1>
                            <div class="interiorUsuario" id="inte">
                                <div id="Perfiles"></div>
                            </div>
                        </div>
                    </section>
                </td>
                <td>
                    <section class="containerUsuarios">
                        <div class="Usuarios">
                            <h1>USUARIOS <input type="text" name="" style="width: 230px" value="" id="BuscarUsuario" placeholder="Buscar" onkeyup="CargarUsuario();"/></h1>
                            <div class="interiorUsuario" id="inte">
                                <div id="Usuario"></div>
                            </div>
                        </div>
                    </section>
                </td>
                <td style="width: 100px">
                    <table  style="height: 250px">
                        <tr>
                            <td colspan="2" align="center" style="height: 185px">
                                <img src="../Imagen/Pasar.png" width="30" height="30" alt="Pasar" onclick="UsuarioPerfil();"/>
                            </td>
                        </tr>
                        <tr>
                            <td  style="" align="center" >
                                <div id="BotonGuardar"><input type="button" value="Guardar" class="btn btn-success" onclick="GuardarUsuarioPerfil();"/></div>
                            </td>
                            <td style="padding: 13px">
                                <input type="button" value="Limpiar" class="btn btn-info" onclick="document.location.reload();"/>
                            </td>
                        </tr>
                    </table> 
                </td>
                <td>
                    <section class="containerUsuarios" >
                        <div class="Usuarios">
                            <h1>PARAMETRIZACION</h1>
                            <div style="font-size: 13px;font-weight: bold;color: #555;">USUARIO</div>
                            <div class="interiorUsu" id="inte">
                                <div id="DatosUsuario"></div>
                            </div>
                            <div style="font-size: 13px;font-weight: bold;color: #555;">PERFIL</div>
                            <div class="interiorNivel" id="inte">
                                <div id="DatosPerfil"></div>
                                
                            </div>
                        </div>
                    </section>
                </td>
            </tr>
        </table>
        <section class="containerTabla">
            <div class="login">
                <h1>GRUPOS DE FACTURACION</h1>
                <form>
                    <table>
                        <tr>
                            <td>
                                <div class="exterior">
                                    <table id="t1" class="t1" style="height:100%;width:100%;" border="0" cellpadding="0" cellspacing="1" border>
                                        <thead class="fixedHeader" style="color:white;background:#069;position:static ;">
                                            <tr>
                                                <th>
                                                    Perfil
                                                </th>
                                                <th>
                                                    Usuario
                                                </th>
                                                <th>
                                                    Editar
                                                </th>
                                            </tr>
                                        </thead>
                                    </table>
                                </div>
                                <div class="interior" id="inte">
                                    <div id="GrupoFacturacion"></div>
                                </div>
                            </td>
                        </tr>
                    </table>
                </form>
            </div>
        </section>
        <input type="hidden" name="" value="" id="PerfilSeleccionado"/>
        <input type="hidden" name="" value="" id="Posicion"/>
        
        <input type="hidden" name="" value="" id="UsuarioSeleccionado"/>
        <input type="hidden" name="" value="" id="PosicionUsuario"/>
    </body>  
</html>